<template>
  <div class="router-content">
    <div class="mian-header">添加厨师</div>
    <div class="main-content">
      进入食堂设置，选择厨师，点击右上角“添加厨师”如下图所示，
      <img src="/static/imgs/canteen/chef_1.png"/>
      弹出厨师信息对话框，如下图所示，填写厨师信息（姓名，专业、等级、备注），点击提交，即添加厨师成功。
      <img src="/static/imgs/canteen/chef_2.png"/>
    </div>
    <div class="mian-header">修改厨师信息</div>
    <div class="main-content">
      点击已有厨师右边的“修改”如下图所示
      <img src="/static/imgs/canteen/chef_3.png"/>
      弹出厨师信息对话框，如下图所示，修改厨师信息，点击提交，即修改厨师信息成功。
      <img src="/static/imgs/canteen/chef_4.png"/>
    </div>
    <div class="mian-header">删除厨师</div>
    <div class="main-content">
      点击已有厨师右边的“删除”按钮。如下图所示，
      <img src="/static/imgs/canteen/chef_5.png"/>
      弹出删除对话框，如下图所示，点击确定，即可删除厨师。
      <img src="/static/imgs/canteen/chef_6.png"/>
    </div>
    <div class="mian-header">搜索厨师</div>
    <div class="main-content">
      输入想要搜索的厨师名称在搜索框内，点击查询，即可出现该厨师。
      <img src="/static/imgs/canteen/chef_7.png"/>
    </div>
  </div>
</template>

<script>
import Bus from '@/assets/bus'
export default {
  name: 'index',
  data () {
    return {
      menus: []
    }
  },
  created () {
    this.menus = this.$route.matched
    Bus.$emit('menus', this.menus)
    // console.log(this.$route.matched)
  }
}
</script>
<style>
</style>
